.daily {
	position: relative;
	height: 100%;
	padding: 12px;
}

.outer {
	position: relative;
	border: 1px solid rgb(0, 0, 0);
	padding: 4px
}

.inner {
	position: relative;
	border: 1px solid rgb(0, 0, 0);
	padding: 50px 18px 10px 18px;
}

.corner-star {
	position: absolute;
	width: 14px;
	z-index: 1;
}

.outer-circle {
	position: absolute;
	width: 21px;
	height: 21px;
	border: 1px solid rgb(0, 0, 0);
	background-color: rgb(246, 242, 238);
}

.inner-circle {
	position: absolute;
	width: 7px;
	height: 7px;
	border: 1px solid rgb(0, 0, 0);
	background-color: rgb(246, 242, 238);
}

.star1, .star2 { top: -5px; }
.star1, .star3 { left: -5px; }
.star2, .star4 { right: -5px; }
.star3, .star4 { bottom: -5px; }

.outer-circle1, .outer-circle2, .inner-circle1, .inner-circle2 { top: -1px; }
.outer-circle1, .outer-circle3, .inner-circle1, .inner-circle3 { left: -1px; }
.outer-circle2, .outer-circle4, .inner-circle2, .inner-circle4 { right: -1px; }
.outer-circle3, .outer-circle4, .inner-circle3, .inner-circle4 { bottom: -1px; }

.outer-circle1, .inner-circle1 { border-radius: 0 0 100% 0; border-top: none; border-left: none; }
.outer-circle2, .inner-circle2 { border-radius: 0 0 0 100%; border-top: none; border-right: none; }
.outer-circle3, .inner-circle3 { border-radius: 0 100% 0 0; border-bottom: none; border-left: none; }
.outer-circle4, .inner-circle4 { border-radius: 100% 0 0 0; border-bottom: none; border-right: none; }

.content {
	position: relative;
	height: 100%;
	display: flex;
	align-items: flex-start;
}

.content.has-empty {
	align-items: center;
}

.author {
	position: absolute;
	font-size: 15px;
	right: 36px;
	bottom: 21px;
}